﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>静态网页</title>
    <link href="../css/index.css" rel="stylesheet" />
    <link href="https://cdn.bootcss.com/animate.css/3.5.1/animate.min.css" rel="stylesheet">
    <style type="text/css"></style>
</head>
<body>
    <div>
        <div>
            <center>
                <h1  class="animated infinite rubberBand">Products</h1>
                <h4>
                    Lorem ipsum dolor sit amet,consectetur adipisicing wlit.
                    Dolores quae porro consequatur aliquam, incidunt eius magni provident,
                    doloribus omnis ovidnet, doloibus omnis minus temporibus perferendis nesciunt....
                </h4>
            </center>
        </div>

        <div id="picture">

            <div id="news" class="new">
                <img class="a" src="../img/1.png" alt="图片" />
                <p class="b">
                    <h4 class="c">Gender</h4>
                    Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                    Dolores quae
                </p>
            </div>

            <div id="news" class="new">
                <img class="a" src="../img/2.png" alt="图片" />
                <p class="b">
                    <h4 class="c">Css HTML</h4>
                    Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                    Dolores quae
                </p>
            </div>

            <div id="news" class="new">
                <img class="a" src="../img/3.png" alt="图片" />
                <p class="b">
                    <h4 class="c">Gender</h4>
                    Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                    Dolores quae
                </p>
            </div>

            <div id="news" class="new">
                <img class="a" src="../img/4.png" alt="图片" />
                <p class="b">
                    <h4 class="c">Adipisicing</h4>
                    Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                    Dolores quae
                </p>
            </div>

            <div id="news" class="new">
                <img class="a" src="../img/5.png" alt="图片" />
                <p class="b">
                    <h4 class="c">Gender</h4>
                    Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                    Dolores quae
                </p>
            </div>

            <div id="news" class="new">
                <img class="a" src="../img/6.png" alt="图片" />
                <p class="b">
                    <h4 class="c">Consectetur</h4>
                    Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                    Dolores quae
                </p>
            </div>

        </div>

    </div>

    <table border="0">
        <tbody>
            <tr>
                <td>
                    <img class="s1" src="../img/6.png" alt="图片" />
                    <h4 class="s2">Lorem ipsum</h4>
                    <p class="s3">
                        Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                        Dolores quae
                    </p>
                </td>

                <td>
                    <img class="s1" src="../img/5.png" alt="图片" />
                    <h4 class="s2">Gender</h4>
                    <p class="s3">
                        Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                        Dolores quae
                    </p>
                </td>

                <td>
                    <img class="s1" src="../img/2.png" alt="图片" />
                    <h4 class="s2">Lorem ipsum</h4>
                    <p class="s3">
                        Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                        Dolores quae
                    </p>
                </td>
            </tr>
            <tr>
                <td id="news1">
                    <img class="s1" src="../img/4.png" alt="图片" />
                    <h4 class="s2">Lorem</h4>
                    <p class="s3">
                        Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                        Dolores quae
                    </p>
                </td>

                <td>
                    <img class="s1" src="../img/3.png" alt="图片" />
                    <h4 class="s2">Dolores</h4>
                    <p class="s3">
                        Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                        Dolores quae
                    </p>
                </td>

                <td>
                    <img class="s1" src="../img/1.png" alt="图片" />
                    <h4 class="s2">Gender</h4>
                    <p class="s3">
                        Lorem ipsum consectetur amet,consectetur adipisicing wlit.
                        Dolores quae
                    </p>
                </td>
            </tr>
        </tbody>
    </table>

    <div>
        <div>
            <div class="text">
                <h2>Our Organization</h2>
                Though I am a child, my parents will not force me
                to do things as their words. They always tell me the choices
                and let me make my own decision.
            </div>
        </div>
        <div>
            <div class="t1">
                Many mothers are annoyed by their children’s behaviors
                before they can understand the mothers’ idea. Babies’
                way of thought is different from the adults’, and most of
                them are in the situation of out of side, and out of mind.
                If people can better understand the kid’s recognition, then
                they will have their own ways to educate.

                <div class="t3">
                    <span class="t4">></span>
                    <span class="t5">Many mothers are annoyed by their</span></br>
                    <span class="t4">></span>
                    <span class="t5">and out of mind. If people can better </span></br>
                    <span class="t4">></span>
                    <span class="t5">If people can better understand the kid’s recognition</span></br>
                    <span class="t4">></span>
                    <span class="t5">Though the kids are very small and they even can’t talk</span>
                </div>
            </div>
            <div class="t1">
                <img src=../img/about.jpg alt="图片" />
            </div>
        </div>
    </div>
</body>
</html> 